{% extends "base.html" %}

{% block title %}
    {{ article.title }} | 博客小站
{% endblock %}

{% block path %}

    <li ><a href="{% url 'home' %}">首页</a> </li>
    <li ><a href="{% url 'classfiDetail' classfi=article.classification %}" >文章分类：{{ article.classification }}</a></li>
    <li class="active">{{ article.title }}</li>

{% endblock %}

{% block content %}
<div class="article">
        <div class="article-bg"></div>
        <div class="panel panel-default" >
        <div class="panel-heading">
            <h3 class="panel-title">{{ article.title }}</h3>
            <section class="info">
                <time datetime="{{ article.publish_time.year }}-{{ article.publish_time.month }}-{{ article.publish_time.day }}">{{ article.publish_time.year }}年{{ article.publish_time.month }}月{{ article.publish_time.day }}日</time>
                <span><a href="{% url 'classfiDetail' classfi=article.classification %}" class="pull-right" rel="category">{{ article.classification }}</a></span>

            </section>
        </div>
        <div class="panel-body">
            {{ article.content|safe }}
        </div>
            <div class="panel-footer">
                {% for i in article.get_tags %}
                    <a href="{{ i.get_absolute_url }}" rel="tag">{{ i }}</a>
                {% endfor %}
                            <!-- JiaThis Button BEGIN -->
                <span class="jiathis_style pull-right"><span class="jiathis_txt">分享到：</span>
                <a class="jiathis_button_qzone"></a>
                <a class="jiathis_button_tsina"></a>
                <a class="jiathis_button_weixin"></a>
                <!--<a href="http://www.jiathis.com/share?uid=2053906" class="jiathis jiathis_txt jiathis_separator jtico jtico_jiathis" target="_blank"></a>-->
                <a class="jiathis_counter_style"></a>
                </span>
                <script type="text/javascript" >
                var jiathis_config={
                    data_track_clickback:true,
                    summary:"",
                    shortUrl:false,
                    hideMore:false
                }
                </script>
                <script type="text/javascript" src="http://v3.jiathis.com/code/jia.js?uid=2053906" charset="utf-8"></script>
            </div>
        </div>
</div>
    <div >
    {% if article.get_before_article %}
    {% with before=article.get_before_article %}
        <span class="p1">上一篇:<a href="{{ before.get_absolute_url }}">{{ before }}</a></span>
    {% endwith %}
    {% endif %}

    {% if article.get_after_article %}
    {% with after=article.get_after_article %}
        <span class="p1 pull-right">下一篇:<a href="{{ after.get_absolute_url }}">{{ after }}</a></span>
    {% endwith %}
    {% endif %}
    </div>
    <hr />

    {% include "blog/_comments.html" %}
{% endblock %}